<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>创客导师引领计划</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="keywords" name="keywords" content="" />
    <meta http-equiv="description" name="description" content="" />
    <link href="css/ydui.css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/Swiper/4.2.0/css/swiper.min.css" rel="stylesheet">
    <script src="js/ydui.flexible.js"></script>
	<link rel="stylesheet" type="text/css" href="css/all.css?v=20180302"/>
    
</head>
<style type="text/css">
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }	
</style>
<body ms-controller="mobileplandetail">
<section class="g-flexview">
    <header class="m-navbar">
  		<a onclick="history.back()" class="navbar-item"><i class="back-ico"></i></a>    	
        <div class="navbar-center"><span class="navbar-title">{{@datainfo.planName}}</span></div>
    </header>
    <section class="g-scrollview">
        <div class="swiper-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	<div class="box-contentfir">
		      		<div class="sec-title">
		      			<h1>合作模式</h1>
		      			<p class="sectitle">COOPERATION MODE</p>
						<p class="bottom_style_list"><span class="frist_yellow"></span><span class="second_bule"></span><span class="third_red"></span></p>		      			
		      		</div>
		      		<p class="text-content">{{@datainfo.cooperateModel}}</p>
		      	</div>	      	
		      </div>
		      <div class="swiper-slide" style="background:#009999">
		      	<div class="box-contentsec">
		      		<div class="sec-title" style="color: #fff;">
		      			<h1>项目合作优势</h1>
		      			<p class="sectitle" style="color:#fff;">Project cooperation advantage</p>
						<p class="bottom_style_list"><span class="frist_yellow"></span><span class="second_bule"></span><span class="third_red"></span></p>		      			
		      		</div>
		      		<div class="clearfix" style="display: inline-block;">
		      			<div class="box-list" ms-for="el in @datainfo.projectAdvantage">
		      				<p class="name">合作优势</p>
		      				<p class="text">{{el}}</p>
		      			</div>    			
		      		</div>
		      	</div>	      	
		      </div>	
		      <div class="swiper-slide" style="background:#3399FF">
		      	<div class="box-contentsec">
		      		<div class="sec-title" style="color: #fff;">
		      			<h1>产业发展前景</h1>
		      			<p class="sectitle" style="color:#fff;">Croton advertisement cooperation process</p>
						<p class="bottom_style_list"><span class="frist_yellow"></span><span class="second_bule"></span><span class="third_red"></span></p>		      			
		      		</div>
		      		<p class="text-content" style="color: #fff;display: inline-block;font-size: .24rem;margin-top: .2rem;">{{@datainfo.industryFuture}}</p>
		      	</div>	      	
		      </div>		
		      <div class="swiper-slide" style="background:#2DC37E">
		      	<div class="box-contentsec">
		      		<div class="sec-title" style="color: #fff;">
		      			<h1>专家建议</h1>
		      			<p class="sectitle" style="color:#fff;">Expert advice</p>
						<p class="bottom_style_list"><span class="frist_yellow"></span><span class="second_bule"></span><span class="third_red"></span></p>		      			
		      		</div>
		      		<p class="text-content" style="color: #fff;display: inline-block;font-size: .24rem;margin-top: .2rem;">{{@datainfo.expertAdvice}}</p>
		      	</div>	      	
		      </div>		
		      <div class="swiper-slide" style="background:#002240">
		      	<div class="box-contentsec">
		      		<p class="text-content" style="text-align: left;color: #fff;font-size: .24rem;margin-top: .2rem;">手机:{{@datainfo.planPhone}}</p>
		      		<p class="text-content" style="text-align: left;color: #fff;font-size: .24rem;margin-top: .2rem;">邮箱:{{@datainfo.planEmail}}</p>
		      		<p class="text-content" style="text-align: left;color: #fff;font-size: .24rem;margin-top: .2rem;">口号:{{@datainfo.activityWord}}</p>
		      		<p class="text-content" style="text-align: left;color: #fff;font-size: .24rem;margin-top: .2rem;">地址:{{@datainfo.planAddress}}</p>	      		
					<div class="list" ms-for="el in @datainfo.codeImage">
						<img ms-attr="{'src':el}"/>
						<p style="font-size: .24rem;color: #fff;">微信二维码</p>
					</div>					   
		      	</div>		      	
		      </div>		      
		    </div>
		    <!-- Add Pagination -->
		    <div class="swiper-pagination"></div>
        </div>
    </section>
    <a ms-attr="{'href':'planplish.html?id='+@id}" class="btn-block btn-primary">
      	 点击报名
    </a>	
</section>
    <script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script src="js/ydui.js"></script>
<script src="https://cdn.bootcss.com/avalon.js/2.2.7/avalon.min.js"></script>
<script src="../js/all.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.bootcss.com/Swiper/4.2.0/js/swiper.min.js"></script>
<script>	
    var swiper = new Swiper('.swiper-container', {
	  direction: 'vertical',
	  pagination: {
	    el:'.swiper-pagination',
	    clickable: true,
	  },
	});
    var model=avalon.define({
    	$id:'mobileplandetail',
    	id:ComFunJS.getQueryString('id'),
    	datainfo:{},
    	schooldata:[],	
   		getschool:function(){
   			ComFunJS.getJSON(ComFunJS.APIURL('school/querySchools'),function(r){
   				model.schooldata=r.data.schoolValue
   			})
   		},
    	get:function(){
    		ComFunJS.getJSON(ComFunJS.APIURL('creator/plan/edit'),{planId:model.id},function(r){
    			r.data.projectAdvantage=r.data.projectAdvantage.split(';');
    			r.data.codeImage=r.data.codeImage.split(',');
    			model.datainfo=r.data;
				console.log(model.datainfo.projectAdvantage)			
    		})
    	}
    })
    avalon.ready(function(){
    	model.get()
    	model.getschool()
    })
    </script>
</body>
</html>
